<template>
  <div>
    <el-breadcrumb separator="/" class="submenu">
      <el-breadcrumb-item><a href="javascript:;">工厂考察评估</a></el-breadcrumb-item>
    </el-breadcrumb>
    <div class="main-table">
      <el-tabs v-model="factoryInspect" @tab-click="handleClick">
        <el-tab-pane label="主视图" name="first">
          <factoryInspect></factoryInspect>
        </el-tab-pane>
        <el-tab-pane label="明细视图" name="second">
          <vendorInspectItem></vendorInspectItem>
        </el-tab-pane>
      </el-tabs>   
    </div>
  </div>
</template>
<script>
import FactoryInspect from './factoryInspect'
import VendorInspectItem from './vendorInspectItem'
  export default {
    components: {
      FactoryInspect,
      VendorInspectItem
    },    
    data() {
      return {
        factoryInspect: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>
